﻿<!-- 文档类型声明 -->
<!DOCTYPE html> 
<!-- 文档使用中文 -->                 
<html lang = "zh-cn">
  <head>
	<!-- 网页标题 -->
    <title>内容展示</title>
	<!-- 设置当前文档的编码格式 -->
	<meta charset = "utf-8">
	<!-- 设置IE浏览器的解析模式 -->
	<meta http-equiv = "X-UA-Compatible" content = "IE=edge">
	<!-- 设置视窗 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 1.加载Bootstrap的层叠样式表 -->
    <link rel="stylesheet" href="<?php echo base_url();?>/public/css/bootstrap.min.css">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="http://cdn.bootcss.com/html5shiv/3.7.0/html5shiv.min.js"></script>
        <script src="http://cdn.bootcss.com/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
	<div class = "container">
		<div class = "col-sm-4">
			<img src="<?php echo base_url();?>/public/pictures/right.jpg" style = "left:0px;width:250px;height:180px;">
		</div>
		<br>
		<div class = "col-sm-2">
			<font style = "font-size:30px;" class = "text-success">热爱编程</font>
		</div>
		<br><br>
		<div class = "col-sm-2">
			<font style = "font-size:30px;" class = "text-success">热爱创造</font>
		</div>
	</div>
	
    <nav class="navbar navbar-default">
		<div class="container">
			<div class="navbar-header">
				<a class="navbar-brand" href="#" style="color:black">导航栏</a>
			</div>
		<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
			<ul class="nav navbar-nav">
				<li style = "left:100px;font-size:20px"><a href="#">明日图书</a></li>
				<li style = "left:200px;font-size:20px"><a href="#">编程词典</a></li>	
				<li style = "left:300px;font-size:20px"><a href="#">精贴赏析</a></li>
				<li style = "left:400px;font-size:20px"><a href="#">版权声明</a></li>
				<li style = "left:500px;font-size:20px"><a href="#">明日简介</a></li>
			</ul>
		</div>
	</nav>